﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Mobile.Master" CodeBehind="Default_mobile.aspx.vb" Inherits="BooksReviewApp.Default_mobile" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="FeaturedContent" runat="server">
     
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <div data-role="content">
       
        <h3 data-role="header" data-theme="c">
                <asp:Label ID="lbl_Banner" runat="server"></asp:Label></h3>
    
    <div class="swiper-container">
  <div class="swiper-wrapper">
      <!--First Slide-->
      <div class="swiper-slide"> 
        <asp:Image ID="Image1" runat="server" width="200px" height="300px"/>               
      </div>
      
      <!--Second Slide-->
      <div class="swiper-slide">
        <asp:Image ID="Image2" runat="server" width="200px" height="300px"/>
      </div>
      
      <!--Third Slide-->
      <div class="swiper-slide"> 
        <asp:Image ID="Image3" runat="server" width="200px" height="300px"/>
      </div>
      <!--Etc..-->
  </div>
</div>






        <h3 data-role="header" data-theme="c">User Activity</h3>
    <article data-role="content">
        <div class="swiper-container">
        <asp:Chart ID="Chart1" runat="server" DataSourceID="SqlDataSource1" width="200px" height="300px" Palette="Pastel" >
                    <Series>
                        <asp:Series Name="Series1" ChartType="Pie" XValueMember="Bibliophile" YValueMembers="TotalPosts"
                            YValuesPerPoint="2">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:BooksReviewDBConnectionString1 %>"
                    ProviderName="<%$ ConnectionStrings:BooksReviewDBConnectionString1.ProviderName %>" SelectCommand="SELECT * FROM [PostsByBibliophile]"></asp:SqlDataSource>
        </div> 
            
            
        </article> 
        
        <h3 data-role="header" data-theme="c">Site Activity</h3>
    <article data-role="content">
        <div class="centerImage">
                <asp:Chart ID="Chart2" runat="server" DataSourceID="SqlDataSource2" width="300px" height="200px" Palette="Pastel">
                    <Series>
                        <asp:Series Name="Series1" ChartType="Bubble" XValueMember="Activity" YValueMembers="TotalActivity"
                            YValuesPerPoint="2">
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1">
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
                <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:BooksReviewDBConnectionString1 %>"
                    ProviderName="<%$ ConnectionStrings:BooksReviewDBConnectionString1.ProviderName %>" SelectCommand="SELECT * FROM [TotalSiteActivity]"></asp:SqlDataSource>        
    </div>  
            </article>
        <h3 data-role="header" data-theme="c">Useful Links</h3>
    <article data-role="content">
        <ul data-role="listview">
            <li>
                <a href="http://www.tutorialspoint.com/java/"><asp:Image ID="Img_Java" ImageUrl="Images/java.png" runat="server" />
                
                    <h1>Java</h1>

                </a>
            </li>
            <li>
                <a href="http://www.cplusplus.com/doc/tutorial/"><asp:Image ID="Image4" ImageUrl="Images/cpp_logo.png" runat="server" />
                
                    <h1>C++</h1>

                </a>
            </li>
            <li>
                <a href="http://csharp.net-tutorials.com/"><asp:Image ID="Image5" ImageUrl="Images/csharp.png" runat="server" />
                
                    <h1>C#</h1>

                </a>
            </li>
            <li>
                <a href="http://www.visual-basic-tutorials.com/"><asp:Image ID="Image6" ImageUrl="Images/VisualBasic_2.png" runat="server" />
                
                    <h1>Visual Basic</h1>

                </a>
            </li>
            <li>
                <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><asp:Image ID="Image7" ImageUrl="Images/objC.gif" runat="server" />
                
                    <h1>Objective-C</h1></a>
            </li>
            <li>
               <a href="https://developer.apple.com/swift/"><asp:Image ID="Image8" ImageUrl="Images/swift-hero.png" runat="server" />
                
                    <h1>Swift</h1>

                </a>
            </li>
            <li>
                <a href="https://php.net/"><asp:Image ID="Image9" ImageUrl="Images/php.png" runat="server" />
                
                    <h1>PHP</h1>

                </a>
            </li>
            <li>
                <a href="http://www.tutorialspoint.com/python/"><asp:Image ID="Image10" ImageUrl="Images/python.png" runat="server" />
                
                    <h1>Python</h1>

                </a>
            </li>
            <li>
                <a href="http://www.w3schools.com/js/"><asp:Image ID="Image11" ImageUrl="Images/JavaScript-logo.png" runat="server" />
                
                    <h1>Javascript</h1>

                </a>
            </li>
            <li>
                <a href="http://jquery.com/"><asp:Image ID="Image12" ImageUrl="Images/jquery.jpg" runat="server" />
                
                    <h1>JQuery</h1>

                </a>
            </li>
            <li>
                <a href="http://www.w3schools.com/html/"><asp:Image ID="Image13" ImageUrl="Images/HTML5_Logo_512.png" runat="server" />
                
                    <h1>HTML 5</h1>

                </a>
            </li>
            <li>
                <a href="http://www.w3schools.com/css/"><asp:Image ID="Image14" ImageUrl="Images/css.jpg" runat="server" />
                
                    <h1>CSS 3</h1>

                </a>
            </li>
        </ul>
    </article>






    </div> 
    <script type="text/javascript" src="Scripts/idangerous.swiper.min.js"></script>
    
    <script type="text/javascript">
        /*======
        Use document ready or window load events
        For example:
        With jQuery: $(function() { ...code here... })
        Or window.onload = function() { ...code here ...}
        Or document.addEventListener('DOMContentLoaded', function(){ ...code here... }, false)
        =======*/

        /*
        Or with jQuery/Zepto
        */
        $(function () {
            var mySwiper = $('.swiper-container').swiper({
                //Your options here:
                mode: 'horizontal',
                speed: 500, //Set animation duration to 500ms
                loop: true
                //etc..
            });
        })

</script>
</asp:Content>
